{include file="public/header" /}
<div class="container container-fill">
    <!-- 我的会员卡 -->
    <style>
        .back pre{
            display: block;
            font-size: 13px;
            line-height: 1.42857143;
            color: #333;
            word-break: break-all;
            word-wrap: break-word;
            border-radius: 4px;
            padding: 0;
            margin: 0;
            border: 0;
            background: 0 0;
            white-space: pre-line;
            height: 84px;
            overflow: hidden;
        }
    </style>
    <div class="mui-content membership-card-home mc-we7-home" style="bottom: 20px;">
        <div class="card-panel prev" style="background-image:url(/static/index/images/vip.png)">
            <div class="card-no mui-text-right" style="color:#fff;font-size: 20px;">盗梦馆</div>
            <div class="card-no mui-text-right" style="color:#fff;">NO.<span>{$userInfo.idcard}</span></div>
            <div style="color:#fff;text-align: right;position: absolute;bottom: 50px;right:15px;">钻石卡</div>
        </div>
        
        <div class="mui-table mui-table-inline mui-mt15 nav-action">
            <div class="mui-table-cell">
                <a href="{:url('Pay/index')}" class="mui-block">
                    <img src="/static/index/images/sum-recharge.png" alt="" class="mui-mr5">充值
                </a>
            </div>
            <div class="mui-table-cell">
                <a href="#">
                    <img src="/static/index/images/scan-pay.png" alt="">付款
                </a>
            </div>
        </div>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
                <a href="#" class="mui-navigate-right">
                    我的余额
                    <span class="mui-pull-right">{$userInfo.money}</span>
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a href="#" class="mui-navigate-right">
                    我的积分
                    <span class="mui-pull-right">{$userInfo.integral}</span>
                </a>
            </li>
            
        </ul>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
                <a href="#" class="mui-navigate-right">
                    消息
                </a>
            </li>
        </ul>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
                <a href="#" class="mui-navigate-right">
                    个人信息
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a href="#" class="mui-navigate-right">
                    账单
                </a>
            </li>
        </ul>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
                <a href="#" class="mui-navigate-right">
                    优惠说明
                </a>
            </li>
        </ul>
    </div>
    <div class="text-center footer" style="margin:10px 0; width:100%; text-align:center; word-break:break-all;">
        &nbsp;&nbsp;
    </div>
</div>
<style>
    h5{color:#555;}
</style>


<div id="cli_dialog_div"></div>
{include file="public/footer" /}